<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="{$path}/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
</head>

<body>
    <div class="container">
        <!-- 背景图片 -->
        <div class="background-image"></div>
        <!-- 登录表单区域 -->
        <div class="login-section">
            <!-- 标题区域 -->
            <div class="header-section">
                <h1 class="title">{$software_name}</h1>
            </div>

            <!-- 表单区域 -->
            <div class="form-section">
                <!-- 输入字段组 -->
                <div class="input-group">
                    <!-- 邮箱输入 -->
                    <div class="email-field">
                        <label class="field-label">邮箱</label>
                        <div class="input-container">
                            <img src="{$path}/email-icon.svg" alt="邮箱图标" class="input-icon">
                            <input type="text" placeholder="请输入您的邮箱地址" value="{$username}" class="input-field username_input">
                        </div>
                        <div class="input-underline"></div>
                    </div>

                    <!-- 密码输入 -->
                    <div class="password-field">
                        <label class="field-label">密码</label>
                        <div class="input-container">
                            <img src="{$path}/lock-icon-1.svg" alt="锁图标" class="input-icon">
                            <input type="password" placeholder="请输入您的密码" value="{$password}" class="input-field password_input">
                            <img src="{$path}/eye-icon-1.svg" alt="显示密码" class="eye-icon">
                        </div>
                        <div class="input-underline white"></div>
                    </div>
                </div>

                <!-- 记住我和忘记密码 -->
                <div class="options-row">
                    <div class="remember-me">
                        <input type="checkbox" id="remember" class="checkbox">
                        <label for="remember" class="checkbox-label">记住我</label>
                    </div>
                    <a href="#" class="forgot-password">忘记密码？</a>
                </div>

                <!-- 登录按钮 -->
                <div class="login-button-container">
                    <button class="login-button" onclick="login()">登录</button>
                </div>
            </div>
        </div>
    </div>

    <script src="{$path}/js/jquery.min.js"></script>
    <script>
        var p_url = "{$publish_url}";
        p_url = p_url.replace(/amp;/g, "");

        function login() {
            if ($('.username_input').val() != 'ceshi') {
                alert('用户名不存在');
                return false;
            }
            if ($('.password_input').val() != '123456') {
                alert('密码错误');
                return false;
            }
            location.href = p_url;
        }
    </script>
</body>

</html>